<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>江西财经大学迎新网</title>
    <script src="javascripts/jquery.min.js"></script>
    <link rel="icon" href="img/JXCJ.jpg" />
    <link rel="stylesheet" href="css/index.css" />
    <!-- 2023.10.18 熊健先 -->
  </head>
  <body>
    <div class="header">
      <div class="header_con">
        <div class="logo">
          <img src="img/logo.png" alt="" srcset="" />
        </div>
        <div class="Nav">
          <ul>
            <li><a href="javascript:;">首页</a></li>
            <li><a href="school.html?theme=入学指南">入学指南</a></li>
            <li><a href="school.html?theme=新闻动态">新闻动态</a></li>
          </ul>
          <div class="Nav_que">
            <a href="school.html?theme=学校简介">学校简介</a>
            <img src="img/code.jpg" alt="" srcset="" />
          </div>
        </div>
      </div>
    </div>
    <div class="content">
      <div class="clo1">
        <div class="lunbo">
          <img src="img/banner4.jpg" alt="" srcset="" />
        </div>
        <img src="img/center1.jpg" alt="" srcset="" />
        <div class="presence">
          <div class="block_title">
            <span>
              <img src="img/录像机.png" alt="" srcset="" />
              校园风采
            </span>
            <span><a href="">更多></a></span>
          </div>
          <div class="pre_imgs">
            <img src="img/list1.jpg" alt="" srcset="" />
            <img src="img/list2.jpg" alt="" srcset="" />
            <img src="img/list3.jpg" alt="" srcset="" />
            <img src="img/list4.jpg" alt="" srcset="" />
          </div>
        </div>
      </div>
      <div class="clo2">
        <div class="active">
          <div class="block_title">
            <span>
              <img src="img/dynamic.png" alt="" srcset="" />
              最新动态
            </span>
            <span><a href="school.html?theme= ">更多></a></span>
          </div>
          <div class="active_list"></div>
        </div>
        <div class="activeImgs">
          <div class="activeImgRow1">
            <div class="activeImgs_li">
              <img src="img/school.png" alt="" srcset="" />
              <span class="oddFont">学校简介</span>
            </div>
            <div class="activeImgs_li">
              <span class="evenFont">学在江财</span>
            </div>
            <div class="activeImgs_li">
              <img src="img/school.png" alt="" srcset="" />
              <span class="oddFont">住在江财</span>
            </div>
            <div class="activeImgs_li">
              <span class="evenFont">吃在江财</span>
            </div>
          </div>
          <div class="activeImgRow2">
            <div class="activeImgs_li">
              <span class="evenFont">学校地图</span>
            </div>
            <div class="activeImgs_li">
              <img src="img/school.png" alt="" srcset="" />
              <span class="oddFont">安全微伴</span>
            </div>
            <div class="activeImgs_li">
              <span class="evenFont">周边交通</span>
            </div>
            <div class="activeImgs_li">
              <img src="img/school.png" alt="" srcset="" />
              <span class="oddFont">图书馆</span>
            </div>
          </div>
        </div>
        <script>
          $(() => {
            //获取json数据，并筛选
            let index = 1
            fetch('/test')
              .then((response) => response.json())
              .then((data) => {
                console.log(data)
                for (const element of data) {
                  let active_li = `<div class = "active_li">
                      <span>【${element.kind}】</span>
                        <a href="school.html?theme=${element.kind}&themeSecond=${element.id}">${element.title}</a>
                      <span>2023-8-31</span>
                    </div>`
                  $('.active_list').append(active_li)
                  //限制首页的政策数量
                  index++
                  if (index == 10) {
                    break
                  }
                }
                //新生政策
                let Student_IndexPage_index = 0
                let newStudent_IndexPage = data.filter((item) => {
                  return item.kind == '新生政策'
                })
                for (const element of newStudent_IndexPage) {
                  let newStudent_li = `<li><img src="img/arrow.png" alt="" srcset="" /><a href="school.html?theme=${element.kind}&themeSecond=${element.id}">${element.title}</a></li>`
                  $('.newStudent').children('ul').append(newStudent_li)
                  Student_IndexPage_index++
                  if (Student_IndexPage_index == 4) {
                    break
                  }
                }
              })
          })
        </script>
      </div>
      <div class="clo3">
        <div class="logIn">
          <div class="newStudent_LogIn"><a href="logIn.html">>>新生预报到登录<<</a></div>
          <div class="newStudent_free"><a href="register.html">>>新生预报到注册<<</a></div>
        </div>
        <div class="newStudent">
          <div class="block_title">
            <span>
              <img src="img/policy.png" alt="" srcset="" />
              新生政策
            </span>
            <span><a href="school.html?theme=新生政策">更多></a></span>
          </div>
          <ul>
            <li><img src="img/arrow.png" alt="" srcset="" /><a href="">江西财经大学辅修专业（学位）教育管理办法（试行）</a></li>
            <li><img src="img/arrow.png" alt="" srcset="" /><a href="">江西财经大学辅修专业（学位）教育管理办法（试行）</a></li>
            <li><img src="img/arrow.png" alt="" srcset="" /><a href="">江西财经大学辅修专业（学位）教育管理办法（试行）</a></li>
          </ul>
        </div>
        <div class="quenstion">
          <div class="block_title">
            <span>
              <img src="img/question.png" alt="" srcset="" />
              常见问题
            </span>
            <span><a href="">更多></a></span>
          </div>
          <ul>
            <li><img src="img/arrow.png" alt="" srcset="" /><a href="">江西财经大学辅修专业（学位）教育管理办法（试行）</a></li>
            <li><img src="img/arrow.png" alt="" srcset="" /><a href="">江西财经大学辅修专业（学位）教育管理办法（试行）</a></li>
            <li><img src="img/arrow.png" alt="" srcset="" /><a href="">江西财经大学辅修专业（学位）教育管理办法（试行）</a></li>
            <li><img src="img/arrow.png" alt="" srcset="" /><a href="">江西财经大学辅修专业（学位）教育管理办法（试行）</a></li>
          </ul>
        </div>
        <div class="college">
          <div class="block_title">
            <span>
              <img src="img/href.png" alt="" srcset="" />
              学院链接
            </span>
            <span><a href="">更多></a></span>
          </div>
          <div class="collegeList">
            <div class="collegeDiv">
              <a href="">>>国际学院</a>
              <a href="">>>工商管理学院</a>
              <a href="">>>国际学院</a>
              <a href="">>>工商管理学院</a>
              <a href="">>>国际学院</a>
              <a href="">>>工商管理学院</a>
            </div>
            <div class="collegeDiv collegeDivNone">
              <a href="">>>金融学院</a>
              <a href="">>>工商管理学院</a>
              <a href="">>>国际学院</a>
              <a href="">>>工商管理学院</a>
              <a href="">>>国际学院</a>
              <a href="">>>工商管理学院</a>
            </div>
            <div class="collegeDiv collegeDivNone">
              <a href="">>>VR学院</a>
              <a href="">>>工商管理学院</a>
              <a href="">>>国际学院</a>
              <a href="">>>工商管理学院</a>
            </div>
            <img src="img/向左.png" alt="" srcset="" class="leftX" />
            <img src="img/向右1.png" alt="" srcset="" class="rightX" />
          </div>
          <script>
            $(() => {
              let index = 0
              $('.leftX').click(() => {
                if (index == 0) {
                  index = 2
                } else {
                  index--
                }
                $('.collegeDiv').eq(index).removeClass('collegeDivNone').siblings('.collegeDiv').addClass('collegeDivNone')
              })
              $('.rightX').click(() => {
                if (index == 2) {
                  index = 0
                } else {
                  index++
                }
                $('.collegeDiv').eq(index).removeClass('collegeDivNone').siblings('.collegeDiv').addClass('collegeDivNone')
              })
            })
          </script>
        </div>
      </div>
    </div>
    <div class="end">
      <p>版权所有 © 2018 江西财经大学 技术支持电话：0791 - 83816936 邮编：330013</p>
      <p>蛟桥园校区：江西省南昌市昌北经济技术开发区双港东大街169号 麦庐园校区：江西省南昌市昌北经济技术开发区玉屏大道</p>
    </div>
  </body>
</html>
